<? 

//debug($STACK);

if ($c = stack('name')) { ?>

<?
startScript('jquery, fixture, jquery.tmpl, jquery.form, jquery.color'); ?><script type="text/javascript">


var int_formelement
//int_formelement = $('#cpn-interview input:checked').val();
	
$.get("/api/get-int/", function(data) {
	$('#ListInterview_widget').tmpl(data).appendTo('.w-listinterview');	
	
	/*** GOTO 2 VIEW ***/
	function validate(formData, jqForm, options) { 
		 var interviewValue = $('input[name=cpn-interview-formelement]').fieldValue(); 
		 if (!interviewValue[0]) { 
			  $("#cpn-diags").animate({color:"#ff0000"},1000).delay(3000).animate({color:"#000"},1000);
			  //.html("Оберіть будь-яку анкету, будьлязко").show().css("opacity", 1).fadeTo(3000, 0).slideUp(500);		
			  return false; 
		 }		 
	}
	
	
	$("#cpn-interview").submit( function(){

		if ( int_formelement = $('#cpn-interview input:checked').val() ) {
			
			
			 		
			$(".inner_interview").hide(); $(".w-listquestions").show();
					
			$.get("/api/get-int/id-"+int_formelement+"/", function(data) {				
				$('#ListQuestions_widget').tmpl(data).appendTo('.w-listquestions');
				
				$("#survay_questions .return").css("display", "block");
				$("#survay_questions").scrollable({
					keyboard: false,
					circular: false
				}).navigator();
				var api = $("#survay_questions").data("scrollable");
				
				api.onSeek(function(evobs, inds) {
//					log("current position is1: " + inds);														
				});
				
				api.onBeforeSeek(function(e, indb) {
										
					//var form = $(e.target).parents("form");
					
					/*** questions validation***/
					var slide = $(".question" + this.getIndex(), e.target);					
					var count_questions = slide.attr("count");
										
					if ( $("input:checked", slide ).length < 1 ) {
						$("#questions-diags").html("Оберіть відповідь!").show()
							.css("opacity", 1).delay(3500).fadeTo(500, 0).slideUp(400).fadeTo(50, 1);
						return false;
					}
					if ( $("input:checked", slide ).length > count_questions ) {
						$("#questions-diags")
							.html("Кількість відповідей не повинна перевищувати - "+count_questions+" !").show()
							.css("opacity", 1).delay(3500).fadeTo(500, 0).slideUp(400).fadeTo(50, 1);
						return false;
					}
					/***end questions validation***/
					
					//console.info("current position is2: " + indb);
					//console.info( ($("#survay_questions .count_questions").length-1) );
					//if ( ($("#survay_questions .count_questions").length-1) ==  (this.getIndex()+1) ) {															
					if (  indb !== 0 ) {
						$("#survay_questions .return").hide(0);
					} else { $("#survay_questions .return").show(0); }
						
					if ( $("#survay_questions .question"+indb).hasClass("last_question") ) {
						$("#survay_questions .btn_question").show(0);
						
						
						/*** GOTO LAST VIEW ***/			
						function validateQuestions(formData, jqForm, options) {
							 var lastslide = $(".last_question");
							 var lastcount_questions = lastslide.attr("count");
							 
							 /***last questions validation***/ 
							 if ( $("input:checked", lastslide ).length < 1) {
								  $("#questions-diags").html("Оберіть відповідь!").show()
								  	.css("opacity", 1).delay(3000).fadeTo(500, 0).slideUp(400).fadeTo(0, 1);
								  return false; 
							 }
							if ( $("input:checked", lastslide ).length > lastcount_questions ) {
								$("#questions-diags")
									.html("Кількість відповідей не повинна перевищувати - "+lastcount_questions+" !").show()
									.css("opacity", 1).delay(3000).fadeTo(500, 0).slideUp(400).fadeTo(0, 1);
								return false;
							}
							/***end last questions validation***/							 		 
						}									
						$("#cpn-questions").ajaxForm({
							url:"/api/store-int/",
							beforeSubmit: validateQuestions,
							success: function(){
								var interview_title = $(".w-listquestions .current_survay").html();
								$(".w-listquestions").hide();	$(".w-success_questions").show();								
								$('#SuccessQuestions_widget').tmpl().appendTo('.w-success_questions');
								$(".w-success_questions .current_survay").html(interview_title);
							}								
						});						
						
					}
					else { $("#survay_questions .btn_question").hide(0); }
					
				});
				
			});
			
			
			
		} else {
		  $("#cpn-diags").animate({color:"#ff0000"},1000).delay(3000).animate({color:"#000"},1000);
		}

		return false;	
	});
	
		
});


</script><?	endScript(); ?>

	<!-- Template of 1 View -->
<div id="cpn-<?=$c?>" class="survay">
<h2>Опитування</h2>
<div class="inner_interview"> 
	<div id="cpn-diags" class="diags"><strong>Виберіть анкету за якою бажаєте пройти опитування:</strong></div>
<script id="ListInterview_widget" type="text/x-jquery-tmpl">
	
	<form id="cpn-interview" action="./" method="post" class="survay-form">
			{{each data}}
			<div class="row">
				<label>
					<input type="radio" name="cpn-interview-formelement" value="${$value.id}" />
					<span class="label">
						${$value.name} 
						({{if $value.count > 4}}${$value.count} питань{{else}}${$value.count} питання{{/if}})
					</span>
				</label>
			</div>
			{{/each}}
		<div class="submit_survay">
			<input type="submit" class="btn-begin_survay" value="Розпочати опитування" />
		</div>		
	</form>
	
</script>
	<!-- Insert 1 View into container-->
<div class="w-listinterview">	
</div>

</div>



	<!-- Template of Slider -->
<script id="ListQuestions_widget" type="text/x-jquery-tmpl">
<form id="cpn-questions" action="./" method="post">

	<div class="scrollable" id="survay_questions">	
			<div id="questions-diags" class="diags"></div>
			<div class="current_survay"><strong>${data.name}</strong></div>
			
			<div class="items">
				{{each(ind, val) data.questions}}	
									
						<div {{if ind == $data.data.questions.length - 1}}counts ="${ind-1}"{{/if}} 
						     count="${val.count}" class="count_questions question${ind} 
						     {{if ind == $data.data.questions.length - 1}}last_question{{/if}}">
							<div class="current_question">${ind+1}. ${val.text}</div>							
							
								{{each variants}}
									<div class="current_answer">
										<label>
											<input type="checkbox" name="q${data.questions[ind].id}[]" value="${$value.id}">
											<span class="label">${$value.text} </span>
										</label>
									</div>
								{{/each}}

						</div>
						
				{{/each}}
			</div>
		<div class="clearer"></div>
		<a class="return" href="javascript: location.reload()">Назад</a>
		<a class="prev browse left disabled">Назад</a>		
		<a class="next browse right">Далі</a>
		<input type="submit" class="btn_question" value="Завершити опитування" />	
	</div>
	
</form>
</script>
	<!--Insert Slider into container-->
<div class="w-listquestions">
</div>

<script id="SuccessQuestions_widget" type="text/x-jquery-tmpl">
	<div class="current_survay"> </div>
	<div class="thanks">Дякуємо за участь в опитуванні</div>
	<a class="return" href="javascript: location.reload()">Повернутися до переліку</a>	
</script>
	<!--Insert success submit questions-->	
<div class="w-success_questions">
</div>


</div>

<? 
} 
unstack(); ?>